// 1. 定义路由
const routes = [
	{ path : '/'     , name : "Home",  component : ()=> import("./pages/Home.vue")  },
	{ 
		path       : '/About', 
		name       : "About", 
		components : {
			default     : ()=> import("./pages/About.vue"),
			routerView1 : ()=> import("./pages/User.vue")
		},
	},
	{ path : '/User' , name : "User",  component : ()=> import("./pages/User.vue")  },
	{ 
		name : "ParamsDemo", 
		path : "/ParamsDemo/:id/:name", 
		component : ()=> import("./pages/ParamsDemo.vue")
	}
]

// 2. 创建路由
import NProgress from 'nprogress';
NProgress.configure({     
    easing: 'ease',  // 动画方式    
    speed: 500,  // 递增进度条的速度    
    showSpinner: false, // 是否显示加载ico    
    trickleSpeed: 200, // 自动递增间隔    
    minimum: 0.3 // 初始化时的最小百分比
});
import { createRouter, createWebHashHistory } from "vue-router";
const router = createRouter({
	history : createWebHashHistory(),
	routes  : routes
});
router.beforeEach((to, from) => {
	NProgress.start();
	console.log(to, from);
	// 自己的路由拦截逻辑代码
	// 比如拦截 User 路由
	console.log(to.path);
	if(to.path == '/User'){
		return false;
	}
});
router.afterEach((to, from) => {
	NProgress.done()
})


// 3. 使用 export 导出路由
export default router;